// Variable Color's
$background: #1A1B26;
$foreground: #A9B1D6;

$black: #24283B;
$gray: #565F89;
$red: #F7768E;
$green: #73DACA;
$yellow: #E0AF68;
$blue: #7AA2F7;
$magenta: #BB9AF7;
$cyan: #7DCFFF;
$white: #f6ffe0;

.datetimex {
  font-family: 'JetBrainsMono Nerd Font';
  /* background-color: $background; */
  border-radius: 10px;
}

.clockicon-class {
  font-family: 'JetBrainsMono Nerd Font';
  border-radius: 10px;
  /* border-width: 2px;
  border-style:solid;
  border-color: $white; */
  margin: 0rem 0rem 0rem 0rem;
  padding:0px 0px 0px 0px;
  color: $yellow;
  font-size:70px;
}

.clockicon-text {
  /* font-size: 6rem; */
  background-color: $background;
  border-radius: 10px;
  /* border-width: 2px;
  border-style:solid;
  border-color: $white; */
  margin: 0rem 1rem 0rem 1rem;
  padding: 0px 10px 0px 10px;
  font-size: 1.2rem;
}

.distroslogo {
  font-size: 4rem;
  color: $green;
}

.datetimedashboard {
  background-color: $background;
  border-radius: 10px;
  /* border-width: 2px;
  border-style:solid;
  border-color: $white; */
  margin: 1rem 1rem 1rem 1rem;
  padding:10px 10px 10px 10px;
}

.clocklabdetails {
  border-radius: 10px;
  /* border-width: 2px;
  border-style:solid;
  border-color: $white; */
  /* margin: 0rem 0rem 0rem 0rem; */
  padding:10px 10px 10px 10px;
  color: $green;
}


